
            <div class="span3" id="sidebar">
                <div class="well well-small"><a href="product_summary.html" id="myCart"><img alt="cart" src="prototype/themes/images/ico-cart.png">3 Items in your cart  <span class="badge badge-warning pull-right">$155.00</span></a></div>
                <ul class="nav nav-tabs nav-stacked" id="sideManu">
                    <li  class="subMenu open" *ngFor="let c of categoryList"><a>{{c.name}}</a>
                        <ul>
                            <li *ngFor="let u of c.children"><a href="products.html" class="active"><i class="icon-chevron-right"></i>{{u.name}}</a></li>
                           <!-- class="subMenu open"
                           <li><a href="products.html"><i class="icon-chevron-right"></i>Computers, Tablets &amp; laptop (30)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Mobile Phone (80)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Sound &amp; Vision (15)</a></li>-->
                        </ul>
                    </li>
                    <!--<li class="subMenu"><a> CLOTHES [840] </a>
                        <ul style="display:none">
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Women's Clothing (45)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Women's Shoes (8)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Women's Hand Bags (5)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Men's Clothings  (45)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Men's Shoes (6)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Kids Clothing (5)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Kids Shoes (3)</a></li>
                        </ul>
                    </li>
                    <li class="subMenu"><a>FOOD AND BEVERAGES [1000]</a>
                        <ul style="display:none">
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Angoves  (35)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Bouchard Aine &amp; Fils (8)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>French Rabbit (5)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Louis Bernard  (45)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>BIB Wine (Bag in Box) (8)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Other Liquors &amp; Wine (5)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Garden (3)</a></li>
                            <li><a href="products.html"><i class="icon-chevron-right"></i>Khao Shong (11)</a></li>
                        </ul>
                    </li>
                    <li><a href="products.html">HEALTH &amp; BEAUTY [18]</a></li>
                    <li><a href="products.html">SPORTS &amp; LEISURE [58]</a></li>
                    <li><a href="products.html">BOOKS &amp; ENTERTAINMENTS [14]</a></li>-->
                </ul>
                <br>
                <div class="thumbnail">
                    <img alt="Bootshop panasonoc New camera" src="prototype/themes/images/products/panasonic.jpg">
                    <div class="caption">
                        <h5>Panasonic</h5>
                        <h4 style="text-align:center"><a href="product_details.html" class="btn"> <i class="icon-zoom-in"></i></a> <a href="#" class="btn">Add to <i class="icon-shopping-cart"></i></a> <a href="#" class="btn btn-primary">$222.00</a></h4>
                    </div>
                </div><br>
                <div class="thumbnail">
                    <img alt="Bootshop Kindel" title="Bootshop New Kindel" src="prototype/themes/images/products/kindle.png">
                    <div class="caption">
                        <h5>Kindle</h5>
                        <h4 style="text-align:center"><a href="product_details.html" class="btn"> <i class="icon-zoom-in"></i></a> <a href="#" class="btn">Add to <i class="icon-shopping-cart"></i></a> <a href="#" class="btn btn-primary">$222.00</a></h4>
                    </div>
                </div><br>
                <div class="thumbnail">
                    <img alt="Payments Methods" title="Bootshop Payment Methods" src="prototype/themes/images/payment_methods.png">
                    <div class="caption">
                        <h5>Payment Methods</h5>
                    </div>
                </div>
            </div>
